<!-- Widget --> <div class="widget widget-inverse" data-toggle="collapse-widget"> <!-- Widget heading --> <div class="widget-head"> <h4 class="heading">Checkbox</h4> </div> <!-- // Widget heading END --> <div class="widget-body uniformjs"> <label class="checkbox"> <input type="checkbox" class="checkbox" value="1" /> Option 1 - Sexy checkbox </label> <label class="checkbox"> <input type="checkbox" class="checkbox" value="1" checked="checked" /> Option 2 - Checked </label> <label class="checkbox"> <input type="checkbox" class="checkbox" value="1" disabled="disabled" /> Option 3 - Disabled checkbox </label> </div> </div> <!-- // Widget END -->
@import "http://localhost/shared/components/modules/admin/forms/elements/uniform/assets/lib/css/uniform.default.css"; @import "http://localhost/shared/components/modules/admin/forms/elements/uniform/assets/custom/less/uniformjs.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/forms/elements/uniform/assets/lib/js/jquery.uniform.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/forms/elements/uniform/assets/custom/js/uniform.init.js?v=v1.2.3"></script>
<!-- Widget --> <div class="widget widget-inverse" data-toggle="collapse-widget"> <!-- Widget heading --> <div class="widget-head"> <h4 class="heading">Radio</h4> </div> <!-- // Widget heading END --> <div class="widget-body uniformjs"> <label class="radio"> <input type="radio" class="radio" name="radio" value="1" /> Option 1 - Sexy radio </label><br/> <label class="radio"> <input type="radio" class="radio" name="radio" value="1" checked="checked" /> Option 2 - Checked </label><br/> <label class="radio"> <input type="radio" class="radio disabled" name="radio" value="1" disabled="disabled" /> Option 3 - Disabled radio </label> </div> </div> <!-- // Widget END -->
@import "http://localhost/shared/components/modules/admin/forms/elements/uniform/assets/lib/css/uniform.default.css"; @import "http://localhost/shared/components/modules/admin/forms/elements/uniform/assets/custom/less/uniformjs.less";
<head>
section of your HTML document, before any JavaScript files: <link type="stylesheet/less" href="styles.less" />
NOTE All the styles from the CORE package also need to be imported in this file, before the component imports.
BODY You should include the following scripts at the end of the HTML document, right before the closing </body>
tag.
<script src="assets/components/modules/admin/forms/elements/uniform/assets/lib/js/jquery.uniform.min.js?v=v1.2.3"></script> <script src="assets/components/modules/admin/forms/elements/uniform/assets/custom/js/uniform.init.js?v=v1.2.3"></script>